<style>
.portfolio-text{
	padding-top:5px;
	padding-bottom:5px;
	border-bottom: 1px dashed #D5D5D5;
}
.portfolio-text .msg{
	margin-bottom:5px;
}

.portfolio-text .bottom{
	color:#888;
}
</style>
<ul class="breadcrumb">
	<li><i class="icon-home"></i> <a href="index.html">个人空间</a> <i
		class="icon-angle-right"></i></li>
	<li><a href="#">站内留言</a></li>
</ul>
<div class="tabbable tabbable-custom">
	<ul class="nav nav-tabs">
		<li class="active"><a data-toggle="tab" href="#tab_2_1" ng-click="loadMsg(2)">用户留言</a></li>
		<li class=""><a data-toggle="tab" href="#tab_2_2" ng-click="loadMsg(3)">系统留言</a></li>
	</ul>
	<div class="tab-content">
		<div id="tab_2_1" class="tab-pane active" ng-repeat="message in user_messages.list">
			<div class=" portfolio-text">
				<img src="{{message.sender_pic}}" alt="" class="user-pic">
				<div class="portfolio-text-info">
					<div class="msg">
						<a ui-sref="space({user_id:message.sender_id})" ng-bind="message.sender_name"></a>
						：{{message.content}}
					</div>
					
					<div class="bottom">
		    			<span class="pull-left">
		    				{{message.create_time | diffDate}}
		    			</span>
		    			<span class="pull-right">
		    				<a href="javascript:sendmsg(1177133,0)">回复</a> |
		    				<a href="javascript:deleteMsgs(1579252,1177133,'微浪科技')">删除</a>
		    			</span>
					</div>
				</div>
			</div>
			<media-pagination page="user_messages"></media-pagination>
			
			<div class="alert" ng-if="user_messages.list.length <= 0">
				<span>当前没有空间留言</span>
			</div>
		</div>
		<div id="tab_2_2" class="tab-pane">
			<p>Howdy, I'm in Section 2.</p>
			<p>Ut wisi enim ad minim veniam, quis nostrud exerci tation
				ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo
				consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate
				velit esse molestie consequat. Ut wisi enim ad minim veniam, quis
				nostrud exerci tation.</p>
		</div>
	</div>
</div>
